# 第一阶段：构建阶段
FROM node:20-alpine AS builder

# 设置工作目录
WORKDIR /app

# 复制 package 文件
COPY package*.json ./

# 设置 npm 淘宝镜像源
RUN npm config set registry https://registry.npmmirror.com

# 安装依赖
RUN npm ci --only=production=false

# 复制源代码
COPY . .

# 复制生产环境配置
COPY .env.production .env.production

# 构建应用（指定生产模式）
RUN npx vite build --mode production

# 第二阶段：运行阶段
FROM nginx:alpine

# 复制自定义 nginx 配置
COPY nginx.conf /etc/nginx/conf.d/default.conf

# 从构建阶段复制构建产物到 nginx 的静态文件目录
COPY --from=builder /app/dist /usr/share/nginx/html

# 暴露端口
EXPOSE 80

# 启动 nginx
CMD ["nginx", "-g", "daemon off;"]